span正確置中的方法
講到置中的方法,行內元素的不外乎就是用text-align:center,塊狀元素用justify-content:center
於是乎就這樣寫了…
<span style=”text-align: center;”>是誰住在深海的大鳳梨裡?
然後一定沒反應…說好的置中呢
明明這些用text-align: center就會置中,就不行了咧?!
這就要說到在html中是屬於行內元素inline,這些是塊狀元素block,很多人都會以為跟是block,搞懂這一點就知道該怎麼辦了吧XD
解法1:加block (推薦使用)
<span style=”text-align: center; display:block;”>是誰住在深海的大鳳梨裡?
解法2:寫在父層
https://codepen.io/rainiewang/pen/JVvRea